<template>
  <div
    class="pull-down"
    ref="box"
    @touchstart="touchStart"
    @touchend="touchEnd"
    @touchmove="touchMove">
    <slot></slot>
  </div>
</template>

<script>

export default {
  name: 'PullDown',
  data() {
    return {
      start: 0,
      end: 0,
      moveDistance: 0
    }
  },
  methods: {
    touchStart(e) {
      this.moveDistance = 0
      this.start = e.targetTouches[0].clientY
    },
    touchEnd(e) {
      // this.start = 0
      // this.end = 0
    },
    touchMove(e) {
      // this.end = e.targetTouches[0].clientY
    }
  }
}
</script>

<style scoped lang="stylus">
.pull-down
  background red
  //height 35px
</style>
